.diagram-container.svelte-1p300vr.svelte-1p300vr{width:100%;height:80vh;overflow:auto;margin:1rem 0;position:relative;border:1px solid var(--border-primary);border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-controls.svelte-1p300vr.svelte-1p300vr{display:flex;gap:8px;margin-bottom:8px;position:sticky;top:10px;z-index:10}.zoom-controls.svelte-1p300vr button.svelte-1p300vr{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:white;border:1px solid var(--border-primary);cursor:pointer;box-shadow:var(--shadow-soft);transition:all .2s ease}.zoom-controls.svelte-1p300vr button.svelte-1p300vr:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.zoom-controls.svelte-1p300vr button.svelte-1p300vr:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.mermaid{font-family:Arial,sans-serif;padding:20px;min-width:100%;min-height:100%;display:inline-block}.mermaid svg{transition:transform .2s ease}@media (max-width: 768px){.mermaid{font-size:12px}.diagram-container.svelte-1p300vr.svelte-1p300vr{height:60vh}}